// 管理购物车相关
import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
import { useUserStore } from '@/stores/userStore.js'
import { findInsertCartAPI, findNewCartListAPI, findDelCartAPI } from '@/apis/cart.js'

export const useCartStore = defineStore('cart', () => {
  // 用户信息
  const userStore = useUserStore()
  const isLogin = computed(() => userStore.userInfo.token)
  // 购物车数据管理
  // 1. state 购物车列表数据
  const cartList = ref([])
  // 2. action 获取购物车数据的方法
  // 获取最新购物车列表
  const updateNewList = async () => {
    const res = await findNewCartListAPI()
    cartList.value = res.result
  }
  // 添加入购物车事件
  const addCart = async (goods) => {
    if(isLogin.value) {
      const { skuId, count } = goods
      await findInsertCartAPI({skuId, count})
      await updateNewList()
    } else {
      console.log('添加购物车',goods)
      // 添加购物车操作
      // 已添加 - count + 1
      // 没有添加过 - 直接plus
      // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
      const item = cartList.value.find((item) => goods.skuId === item.skuId)
      if(item) {
        // 找到了
        item.count++
      } else {
        // 没找到
        cartList.value.push(goods)
      }
    }
  }
  // 删除购物车
  const delCart = async (skuId) => {
    if(isLogin.value) {
      await findDelCartAPI([skuId])
      await updateNewList()
    } else {
      // 思路：
      // 1.找到要删除的下标值 - splice
      // 2.使用数组的过滤方法 - filter
      const idx = cartList.value.findIndex((item) => skuId === item.skuId)
      cartList.value.splice(idx, 1)
    }
  }
  // 清除购物车
  const clearCart = () => {
    cartList.value = []
  }
  // 商品单选框事件
  const singCheckChange = (sukId, selected) => {
    cartList.value.forEach((item) => {
      if (item.skuId === sukId) {
        item.selected = selected
      }
    })
  }
  // 全选框事件
  const allCheckChange = (selected) => {
    cartList.value.forEach((item) => (item.selected = selected))
  }
  const isAll = computed(() => cartList.value.every((item) => item.selected))
  // 计算属性
  // 1.总的数量 所有项的count之和
  const allCount = computed(() => cartList.value.reduce((a,c) => a+c.count,0))
  // 2.总的价格 所有项的count*price之和
  const allPrice = computed(() => cartList.value.reduce((a,c) => a+c.count*c.price,0))
  // 3.选中商品数量
  const SelectedCount = computed(() => {
    return cartList.value.filter((item) => item.selected).reduce((count, item) => count + item.count, 0)
  })
  // 4.选中商品总价格
  const SelectedCPrice = computed(() => {
    return cartList.value.filter((item) => item.selected).reduce((count, item) => count + item.count * parseInt(item.price), 0)
  })
  
  return {
    cartList,
    allCount,
    allPrice,
    SelectedCount,
    SelectedCPrice,
    isAll,
    allCheckChange,
    singCheckChange,
    updateNewList,
    addCart,
    delCart,
    clearCart
  }
},{
  persist: true // 开启持久化
})
